.box {
  width: 100%;
  height: 100%;
}

.mmm {
  position: fixed;
  width: 100%;
}

.ppp {
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
}

.lll {
  width: 100%;
  height: 5px;
  background: #ccc;
}

.aaa {
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
}

.aaa h4 {
  width: 100%;
  height: 15px;
  border-left: 5px solid #f09b09;
}

.aaa1 {
  width: 90%;
  height: 60px;
  border: 1px solid #f09b09;
  background: #f5eee1;
  border-radius: 5px;
  margin-top: -8px;
  margin-left: 2.5%;
}

p {
  margin-top: 5px;
  margin-left: 5px;
}

.one {
  color: #f09b09;
}

.two {
  color: #8f8d8d;
  font-size: 11px;
}

.aaa2 {
  display: flex;
  width: 90%;
  height: 60px;
  margin-left: 2.5%;
  margin-top: 5px;
}

.left {
  flex: 1;
  width: 50%;
  height: 100%;
  border: 1px solid #f09b09;
  background: #f5eee1;
  border-radius: 5px;
}

.right {
  flex: 1;
  width: 50%;
  height: 100%;
  border: 1px solid #f09b09;
  background: #f5eee1;
  border-radius: 5px;
}

.bbb {
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
}

.one1 {
  color: #00f;
}

.bbb h4 {
  width: 100%;
  height: 15px;
  border-left: 5px solid #1f8bd8;
}

.bbb1 {
  display: flex;
  width: 90%;
  height: 60px;
  border-radius: 5px;
  margin-top: -8px;
  margin-left: 2.5%;
}

.bbb2 {
  display: flex;
  width: 90%;
  height: 60px;
  margin-left: 2.5%;
  margin-top: 5px;
}

.left1 {
  flex: 1;
  width: 50%;
  height: 100%;
  border: 1px solid #1f8bd8;
  background: #b7d0f8;
  border-radius: 5px;
}

.right1 {
  flex: 1;
  width: 50%;
  height: 100%;
  border: 1px solid #1f8bd8;
  background: #b7d0f8;
  border-radius: 5px;
}

.ccc {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.ccc h4 {
  width: 100%;
  height: 15px;
  border-left: 5px solid #f00;
}

.ccc1 {
  width: 90%;
  height: 60px;
  border: 1px solid #f00;
  background: #f1adad;
  border-radius: 5px;
  margin-top: -8px;
  margin-left: 2.5%;
}

.one2 {
  color: #f00;
}

.ggg {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.ggg h4 {
  width: 100%;
  height: 15px;
  border-left: 5px solid #00f;
}

.ggg1 {
  width: 90%;
  height: 60px;
  border: 1px solid #00f;
  background: #b7d0f8;
  border-radius: 5px;
  margin-top: -8px;
  margin-left: 2.5%;
}

.one3 {
  color: #00f;
}

.hhh {
  position: sticky;
  bottom: 1px;
  left: 30%;
}

.hhh button {
  width: 40%;
  height: 40px;
  margin-left: 30%;
  background: #00f;
  color: #fff;
  border-radius: 5px;
  border: none;
}

.box {
  width: 100%;
  height: 100%;
}

.mmm {
  position: fixed;
  width: 100%;
}

.ppp {
  width: 100%;
  height: 300px;
  margin-bottom: 10px;
}

.lll {
  width: 100%;
  height: 5px;
  background: #ccc;
}

.aaa {
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
}

.aaa h4 {
  width: 100%;
  height: 15px;
  border-left: 5px solid #f09b09;
}

.aaa1 {
  width: 90%;
  height: 60px;
  border: 1px solid #f09b09;
  background: #f5eee1;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 2.5%;
}

p {
  margin-top: 5px;
  margin-left: 5px;
}

.one {
  color: #f09b09;
}

.two {
  color: #8f8d8d;
  font-size: 11px;
}

.aaa2 {
  display: flex;
  width: 90%;
  height: 60px;
  margin-left: 2.5%;
  margin-top: 5px;
}

.left {
  flex: 1;
  width: 50%;
  height: 100%;
  border: 1px solid #f09b09;
  background: #f5eee1;
  border-radius: 5px;
}

.right {
  flex: 1;
  width: 50%;
  height: 100%;
  border: 1px solid #f09b09;
  background: #f5eee1;
  border-radius: 5px;
}

.bbb {
  width: 100%;
  height: 160px;
  margin-bottom: 10px;
}

.one1 {
  color: #00f;
}

.bbb h4 {
  width: 100%;
  height: 15px;
  border-left: 5px solid #1f8bd8;
}

.bbb1 {
  display: flex;
  width: 90%;
  height: 60px;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 2.5%;
}

.bbb2 {
  display: flex;
  width: 90%;
  height: 60px;
  margin-left: 2.5%;
  margin-top: 5px;
}

.left1 {
  flex: 1;
  width: 50%;
  height: 100%;
  border: 1px solid #1f8bd8;
  background: #b7d0f8;
  border-radius: 5px;
}

.right1 {
  flex: 1;
  width: 50%;
  height: 100%;
  border: 1px solid #1f8bd8;
  background: #b7d0f8;
  border-radius: 5px;
}

.ccc {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.ccc h4 {
  width: 100%;
  height: 15px;
  border-left: 5px solid #f00;
}

.ccc1 {
  width: 90%;
  height: 60px;
  border: 1px solid #f00;
  background: #f1adad;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 2.5%;
}

.one2 {
  color: #f00;
}

.ggg {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
}

.ggg h4 {
  width: 100%;
  height: 15px;
  border-left: 5px solid #00f;
}

.ggg1 {
  width: 90%;
  height: 60px;
  border: 1px solid #00f;
  background: #b7d0f8;
  border-radius: 5px;
  margin-top: 8px;
  margin-left: 2.5%;
}

.one3 {
  color: #00f;
}

.hhh {
  position: sticky;
  bottom: 1px;
  left: 30%;
}

.hhh button {
  width: 40%;
  height: 40px;
  margin-left: 30%;
  background: #00f;
  color: #fff;
  border-radius: 5px;
  border: none;
}
